// 导入path模块，用于操作路径，nodejs内置的模块，webpack也是运行在nodejs下的
const path = require("path");

module.exports = {
    // 设置打包后首页标题的名称
    chainWebpack: config => {
        config
            .plugin("html")
            .tap(args => {
                args[0].title = "南沙区标准地址查询系统";
                return args;
            });
    },

    devServer: {
        port: 2144,
        open: true
    },

    publicPath: "./",

    pluginOptions: {
        "style-resources-loader": {
            preProcessor: "less",
            // 配置需要自动引入的less样式，使用绝对路径
            patterns: [
                // path.join()：路径拼接，__dirname：获取当前文件所在的路径
                path.join(__dirname, "./src/assets/styles/mixins.less"), // less混入
                path.join(__dirname, "./src/assets/styles/variables.less") // 公用变量
            ]
        }
    }
};